<template>
 
 <div>
    {{name}}-{{ title }}-{{ obj.ters }}
 </div>
 <chilssdren />
</template>

<script setup>
import {ref,reactive,onRenderTracked, onRenderTriggered,onErrorCaptured} from 'vue'
import chilssdren from './chilssdren.vue'
defineProps({
    name:{
        type:String,
        default:"jdhhf"
    }
})

const title=ref(0)
const obj=reactive({
    ters:200
})
onRenderTracked((event) => {
  console.log(event,"onRenderTracked");
})

onRenderTriggered((event) => {
    console.log(event,"onRenderTriggered");
})
setTimeout(()=>{
    title.value=600
},3000)
onErrorCaptured((err,instance,info)=>{
    console.log(err,instance,info,"onErrorCapturedchild");
    return false
})
sjd()

</script>

<style scoped>

</style>
